<template>
  <el-menu :default-openeds="['1', '3']" style="min-height: 100%;overflow-x:hidden"
           background-color="rgb(48,65,86)"
           text-color="#fff"
           active-text-color="#6495ED"
           :collapse-transition="false"
           :collapse="isCollapse"
           router
           @select="handleSelect"
  >
    <div style="height: 60px;line-height: 60px;text-align: center">
<!--      <img src="@/assets/logo.png" style="width: 40px;position: relative;top:5px;margin-right: 5px">-->
      <b style="color:white" v-show="logoTextShow">E-Shop电商平台商家端</b>
    </div>

    <el-menu-item index="/home">
      <template slot="title">
        <i class="el-icon-house"></i>
        <span slot="title">主页</span>
      </template>
    </el-menu-item>
    <el-menu-item index="/allShop">
      <i class="el-icon-s-custom"></i>
      <span slot="title">店铺总览</span>
    </el-menu-item>
<!--    <el-submenu index="2">-->
<!--      <template slot="title"><i class="el-icon-menu"></i>-->
<!--        <span slot="title">店铺管理</span>-->
<!--      </template>-->
<!--      -->
<!--      <el-menu-item index="/itemManager">-->
<!--        <i class="el-icon-s-custom"></i>-->
<!--        <span slot="title">上架商品</span>-->
<!--      </el-menu-item>-->
<!--    </el-submenu>-->

    <el-menu-item index="/allItem">
      <i class="el-icon-s-custom"></i>
      <span slot="title">商品管理</span>
    </el-menu-item>


  </el-menu>
</template>

<script>
export default {
name: "Aside",
  props:{
    isCollapse:Boolean,
    logoTextShow:Boolean
  },
  methods:{
  // handleSelect(index){
  //   // console.log(index)
  //   // alert(this.$route.name)
  // }
  }
}
</script>

<style scoped>

</style>
